<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>导航条</title>
		<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum=1.0,minimum-scale=1.0"/>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<script src="js/jquery-1.12.4.js"></script>
		<script src="js/bootstrap.js"></script>
	</head>
	<body>
		<nav  class="navbar navbar-default" role="navigation">
			<div class="navbar-header">
				<a href="#" class="navbar-brand">LOGO</a>
			</div>
			<ul class="nav navbar-nav">
				<li class="active"><a href="#">主页</a></li>
				<li><a href="#">微博</a></li>
				<li><a href="#">图书</a></li>
			</ul>
			<form class="navbar-form navbar-right" role="search">
				<div class="form-group">
					<input type="text" class="form-control" placeholder="Search" />
				</div>
				<button type="submit" class="bnt btn-primary">搜索</button>
			</form>
		</nav>
	</body>
</html>
